<?php
    echo $this->Html->css('index.style');

    ?>
<div id="wrapper">
    <div id = "content1">
        <div class="header_bottom">
        		<div class="header_bottom_left">
        			<div class="section group">
        				<div class="listview_1_of_2 images_1_of_2">
        					<div class="listimg listimg_2_of_1">
        						 <a href="preview.html"> <?php echo $this->Html->image('../images/ip5.jpg', array('alt' => 'Sky the Mobile shop', 'border' => '0', 'data-src' => 'holder.js/100%x100')); ?></a>
        					</div>
        				    <div class="text list_2_of_1">
        						<h2>Iphone</h2>
        						<p>Lorem ipsum dolor sit amet sed do eiusmod.</p>
        						<div class="button"><span><a href="preview.html">Add to cart</a></span></div>
        				   </div>
        			   </div>
        				<div class="listview_1_of_2 images_1_of_2">
        					<div class="listimg listimg_2_of_1">
        						  <a href="preview-5.html">
        						  <?php echo $this->Html->image('../images/note4.jpg', array('alt' => 'Sky the Mobile shop', 'border' => '0', 'data-src' => 'holder.js/100%x100')); ?>
        						  </a>
        					</div>
        					<div class="text list_2_of_1">
        						  <h2>SamSung</h2>
        						  <p>Lorem ipsum dolor sit amet, sed do eiusmod.</p>
        						  <div class="button"><span><a href="preview-5.html">Add to cart</a></span></div>
        					</div>
        				</div>
        			</div>
        			<div class="section group">
        				<div class="listview_1_of_2 images_1_of_2">
        					<div class="listimg listimg_2_of_1">
        						 <a href="preview-3.html">
        						  <?php echo $this->Html->image('../images/htc.png', array('alt' => 'Sky the Mobile shop', 'border' => '0', 'data-src' => 'holder.js/100%x100')); ?>
        						  </a>
        					</div>
        				    <div class="text list_2_of_1">
        						<h2>HTC</h2>
        						<p>Lorem ipsum dolor sit amet, sed do eiusmod.</p>
        						<div class="button"><span><a href="preview-3.html">Add to cart</a></span></div>
        				   </div>
        			   </div>
        				<div class="listview_1_of_2 images_1_of_2">
        					<div class="listimg listimg_2_of_1">
        						  <a href="preview-6.html">
        						  <?php echo $this->Html->image('../images/lumia.jpg', array('alt' => 'Sky the Mobile shop', 'border' => '0', 'data-src' => 'holder.js/100%x100')); ?>
        						  </a>
        					</div>
        					<div class="text list_2_of_1">
        						  <h2>Microsoft</h2>
        						  <p>Lorem ipsum dolor sit amet, sed do eiusmod.</p>
        						  <div class="button"><span><a href="preview-6.html">Add to cart</a></span></div>
        					</div>
        				</div>
        			</div>
        		  <div class="clear"></div>
        		</div>
        					 <div class="header_bottom_right_images">
                		     	<div id="slideshow">
                	<ul class="slides">
                    	<li><a href="preview.html">
                    	        <?php echo $this->Html->image('../images/1.jpg', array('alt' => 'Sky the Mobile shop', 'border' => '0', 'data-src' => 'holder.js/100%x100')); ?>
                    	    </a>
                    	</li>
                        <li>
                             <a href="preview-2.html">
                                <?php echo $this->Html->image('../images/2.jpg', array('alt' => 'Sky the Mobile shop', 'border' => '0', 'data-src' => 'holder.js/100%x100')); ?>
                             </a>
                        </li>
                        <li><a href="preview-6.html"><img src="../images/3.jpg" alt="Power Station" height="342px"/></a></li>
                        <li><a href="preview-3.html"><img src="../images/4.jpg" alt="Colors of Nature" height="342px"/></a></li>
                    </ul>
                		    <span class="arrow previous"></span>
                		    <span class="arrow next"></span>
                		        </div>
                	        </div>
                <div class="clear"></div>
        </div>
        <div>

        </div>
    </div>
</div>